<div class="p+">
    <div>
        <lx-button lx-color="blue">Button</lx-button>
        <lx-button lx-color="green">Button</lx-button>
        <lx-button lx-color="orange">Button</lx-button>
        <lx-button lx-color="red">Button</lx-button>
        <lx-button lx-color="black">Button</lx-button>
        <lx-button lx-color="grey">Button</lx-button>
        <lx-button lx-color="white">Button</lx-button>
    </div>
 
    <div class="mt">
        <lx-button lx-color="blue" lx-type="flat">Button</lx-button>
        <lx-button lx-color="green" lx-type="flat">Button</lx-button>
        <lx-button lx-color="orange" lx-type="flat">Button</lx-button>
        <lx-button lx-color="red" lx-type="flat">Button</lx-button>
        <lx-button lx-color="black" lx-type="flat">Button</lx-button>
        <lx-button lx-color="grey" lx-type="flat">Button</lx-button>
    </div>
</div>